﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="viewer.aspx.cs" Inherits="courses_tools_viewer" %>

<asp:Content ID="HeaderContent" ContentPlaceHolderID="head" runat="server">
<style type="text/css">

#Outline 
{
	width: 200px;
	float: right;
}
#Slide 
{
	
}

#SlideView 
{
	width: 800px;
	height: 600px;
}

#SlideControls 
{
	background-color: Gray;
	width: 800px;
}

#SlideControls table 
{
	width: 100%;
}

#SlideControls table tr td 
{
	width: 25%;
	text-align: center;
}

</style>

</asp:Content>

<asp:Content ID="PageContent" ContentPlaceHolderID="pagecontent" runat="server">
<h1>
    <asp:Label ID="CourseTitleLabel" runat="server" Text="Label"></asp:Label></h1>
<div id="Slide">
    <iframe id="SlideView" runat="server" height="600px" scrolling="no" 
        width="800px">
    </iframe>
    <div id="SlideControls">
        <table>
            <tr>
                <td>
                    <asp:LinkButton ID="FirstSlideLinkButton" runat="server" 
                        onclick="FirstSlideLinkButton_Click">Start</asp:LinkButton></td>
                <td>
                    <asp:LinkButton ID="PreviousSlideLinkButton" runat="server" 
                        onclick="PreviousSlideLinkButton_Click">Previous</asp:LinkButton></td>
                <td>
                    <asp:LinkButton ID="NextSlideLinkButton" runat="server" 
                        onclick="NextSlideLinkButton_Click">Next</asp:LinkButton></td>
                <td>
                    <asp:LinkButton ID="ExitCourseLinkButton" runat="server" 
                        onclick="ExitCourseLinkButton_Click">Exit</asp:LinkButton></td>
            </tr>
        </table>
    </div>
<div id="Outline">
    <asp:Repeater ID="CourseOutlineRepeater" runat="server">
        <ItemTemplate>
            <asp:HyperLink ID="CourseOutlineItemHyperlink" NavigateUrl="<%# ((TrainingCourseSlide)Container.DataItem).HyperLink %>" runat="server"><%# ((TrainingCourseSlide)Container.DataItem).Title %></asp:HyperLink><br />
        </ItemTemplate>
    </asp:Repeater>
    </div>
</div>
</asp:Content>

